<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <title>全民光伏PV Plus</title>
    <link rel="stylesheet" href="../libs/mobile-select-area/mobile-select-area.css"/>
    <link rel="stylesheet" href="../css/style.css"/>
</head>
<body>

<!--w-header-->
<nav class="w-header">
    <a href="javascript:;" class="goback" id="J_go-back"><i class="goback-icon"></i></a>
    <span class="web-tit">购买保险</span>
</nav>

<!--web-main buy-insurance-->
<section class="web-main buy-insurance">

    <!--insurance-item-com applicant -->
    <div class="insurance-item-com applicant">
        <p class="item-tit">
            <span class="tit-txt">投保人</span>
        </p>
        <div class="item-cont">
            <p class="item-list">
                <span class="list-txt">
                    姓名：
                </span>
                <span class="list-r">
                    <input class="list-input" id="J_applicant-name" type="text" placeholder="输入真实姓名">
                </span>
            </p>
            <p class="item-list">
                <span class="list-txt">
                    身份证：
                </span>
                <span class="list-r">
                    <input class="list-input" id="J_applicant-ID-number" type="text" placeholder="输入身份证号">
                </span>
            </p>
            <p class="item-list">
                <span class="list-txt">
                    手机号：
                </span>
                <span class="list-r">
                    <input class="list-input J_applicant-tel" id="J_applicant-tel" type="text" placeholder="输入手机号">
                </span>
            </p>

        </div>
    </div>


    <!--insurance-item-com the-insured-info-->
    <div class="the-insured-info-out" id="J_the-insured-info-out">
        <div class="insurance-item-com the-insured-info">
            <p class="item-tit">
                <span class="tit-txt">被保险人及标的信息</span>
                <span class="item-del J_the-insured-del">删除</span>
            </p>
            <div class="item-cont">
                <p class="item-list applicant-relation">
                <span class="list-txt">
                    与投保人关系：
                </span>
                    <span class="list-r">
                   <select name="" id="" class="relation-select J_the-insured-select">
                       <option value="0">请选择</option>
                       <option value="1">本人</option>
                       <option value="2">孩子</option>
                   </select>
                </span>
                </p>
                <p class="item-list">
                <span class="list-txt">
                    姓名：
                </span>
                    <span class="list-r">
                    <input class="list-input J_the-insured-name" type="text" placeholder="输入真实姓名">
                </span>
                </p>
                <p class="item-list">
                <span class="list-txt">
                    身份证：
                </span>
                    <span class="list-r">
                    <input class="list-input J_the-insured-ID-number" type="text" placeholder="输入身份证号">
                </span>
                </p>
                <div class="item-list card-info">

                    <div class="photo">
                        <!--<div class="photo-list J_photo-list">-->
                        <!--<img src="http://aniublog.com/wp-content/uploads/2015/11/iehack.jpg" alt="">-->
                        <!--<input name="photoUrl" type="hidden"-->
                        <!--value="http://192.168.68.2:9002/xmResources/productImages/activity/audition4/1477290635806_34.jpg">-->
                        <!--<p class="delete"></p>-->
                        <!--<i class="delete-i J_delete-pic"></i>-->
                        <!--</div>-->
                        <div class="add-photo">
                            <a class="add-photo-icon" href="javascript:void(0)"></a>
                            <input type="file" class="J_add-fileupload">
                        </div>
                    </div>
                    <p class="tips">注：请上传被保险人身份证正反面(共两张)</p>

                </div>
                <p class="item-list">
                <span class="list-txt">
                    项目地址(并网地点房屋地址)：
                </span>
                    <span class="list-r">
                    <!--<input class="list-input J_the-insured-address" style="text-align: left;" type="text" placeholder="请选择地址">-->
                        <input class="J_save-input J_sel-area J_get-area0" name="get-area" type="text"
                               placeholder="省份 城市 区县">
                        <!--<input type="hidden" class="J_get-area1-hide">-->
                </span>
                </p>
                <p class="item-list">
                <span class="list-r">
                    <input style="text-align: left;" class="list-input J_the-insured-detail-address" type="text"
                           placeholder="请输入电站详细地址，具体到门牌号">
                </span>
                </p>
                <p class="item-list">
                <span class="list-txt">
                    造价总额：
                </span>
                    <span class="list-r">
                    <input class="list-input J_the-insured-total-cost" type="text" placeholder="请填写真实金额以便计算保险金额(元)">
                </span>
                </p>
                <p class="item-list">
                <span class="list-txt">
                    保障期限：
                </span>
                    <span class="list-r">
                    <input class="list-input J_the-insured-date" type="text" readonly value="一年" placeholder="一年">
                </span>
                </p>
                <p class="item-list applicant-relation">
                <span class="list-txt">
                    保险套餐：
                </span>
                    <span class="list-r">
                    <select name="" class="relation-select J_the-insured-insurance-set-meal">
                       <option value="0">请选择</option>
                       <option value="1">综合险+第三方责任险</option>
                       <option value="2">综合险+第三方责任险</option>
                   </select>
                </span>
                </p>
                <p class="item-list insurance-price">
                <span class="list-txt">
                    保险金额：
                </span>
                    <span class="list-r">
                    <i class="price "><span class="J_the-insured-price"></span>元</i>
                </span>
                </p>

            </div>
        </div>
    </div>

    <p class="add-the-insured-info" id="J_add-the-insured-info"><span class="insured-info-icon"></span>添加新被保险人及标的信息</p>
    <p class="the-insured-info-tips">注：最多可以添加10个被保险人及标的信息</p>

    <!--insurance-item-com insurance-man-info-->
    <div class="insurance-item-com insurance-man-info">
        <p class="item-tit">
            <span class="tit-txt">投保人信息</span>
        </p>
        <div class="item-cont">
            <p class="item-list">
                <span class="list-txt">
                    保单接收邮箱：
                </span>
                <span class="list-r">
                    <input class="list-input" id="J_e-mail" type="text" placeholder="请填写真实的邮箱以便后期发送保单">
                </span>
            </p>
            <p class="item-list insurance-price">
                <span class="list-txt">
                    保险总金额：
                </span>
                <span class="list-r">
                     <i class="price">¥<span class="J_insurance-total-price"></span>元</i>
                </span>
            </p>
        </div>
    </div>

    <!--insurance-item-com clause-->
    <div class="insurance-item-com clause">
        <p class="item-tit">
            <span class="tit-txt">本产品仅限成年人投保</span>
        </p>
        <div class="item-cont">
            <p class="item-list">
                <span class="list-txt" id="J_read-terms">
                    <input class="sel" type="checkbox">
                    <label for=""></label>
                </span>
                <span class="list-r">本人已充分了解保险产品，并承诺信息得真实性，理解并同意 <a href="">《投保须知》</a><a href="">《保险条款》</a>
的全部内容
                </span>
            </p>
        </div>
    </div>

    <!--buy-now-->
    <a href="javascript:;" class="buy-now" id="J_buy-now">
        立即购买
    </a>

    <input type="hidden" id="J_unit-price" value="60">

</section>

<script src="../libs/jquery/jquery-1.10.2.min.js"></script>
<script src="../libs/layer.mobile/layer.js"></script>
<script src="../libs/mobile-select-area/mobile-select-area-dialog.js"></script>
<script src="../libs/mobile-select-area/mobile-select-area.js"></script>
<script src="../js/common/base.js"></script>
<script src="../js/common/tools.js"></script>
<script src="../js/common/common.js"></script>
<script src="../libs/exif/exif.js"></script>
<script src="../js/buy_insurance.js"></script>
</body>
</html>